<script setup lang="ts">
import {useRouter} from 'vue-router'
    const router=useRouter()
    const props=defineProps<{
        title?:string,
        rightText?:string
        back?: () => void
    }>()

    const onClickLeft=()=>{
        if (props.back) {
            return props.back()
        }
        // console.log("返回")
        // 1、返回到上一层页面
        // 点返回跳到原来页面
        if(history.state.back){
            router.back()
        }else{
            // 2、没有从其他页面跳转过来的情况
            // 点返回跳到首页
            router.push('/')
        }
        

    }
    const onClickRight=()=>{
        // console.log("注册")
    }
</script>


<template>
    <van-nav-bar
    left-arrow
    fixed
    :title="title"
    :right-text="rightText"
    @click-left="onClickLeft"
    @click-right="onClickRight"
    />
</template>